<ui:composition template="../template/principal_II.xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">

<ui:define name="panelIzquierdo">

    <h:form prependId="false">

        <p:panel header="Opciones" style="width: 180px;" >

            <p:commandButton value="Nuevo Punto Vta"  action="#{puntoVentaMB.nuevo}" styleClass="btnMenu" update="fPuntoVenta" >
                <f:setPropertyActionListener value="#{accionPanel.crear}" target="#{puntoVentaMB.accion}" />
            </p:commandButton>

            <p:commandButton value="Imprimir lista"  action="#" styleClass="btnMenu" ajax="false" />
        </p:panel>


    </h:form>
</ui:define>

<ui:define name="panelDerecho">
    
    <p:panel header="Puntos de ventas" id="pPuntoVenta" style="height: 600px;" >

    <h:form prependId="false" id="fPuntoVenta">

            <p:growl showDetail="true" />

            <h:panelGrid columns="2" rendered="#{puntoVentaMB.accion== accionPanel.crear}">

                <h:outputText value="Número*" />
                <p:inputText value="#{puntoVentaMB.puntoVenta.id}"
                              required="true"
                             requiredMessage="Número es obligatorio" size="2" >
                     <f:validateLength minimum="1" maximum="2" />
                     <f:convertNumber integerOnly="true"  />
                </p:inputText>

                <h:outputText value="Descripcion*" />
                <p:inputText value="#{puntoVentaMB.puntoVenta.descripcion}"
                             required="true"
                             requiredMessage="La descripción es obligatoria" size="40" >
                    <f:validateLength minimum="1" maximum="60" />

                </p:inputText>

                <f:facet name="footer">
                    <h:panelGroup>
                        <div align="center">
                            <p:commandButton value="Guardar" action="#{puntoVentaMB.crear}" update="pPuntoVenta" >
                                <f:setPropertyActionListener value="#{null}" target="#{tipoDocumentoMB.accion}" />
                            </p:commandButton>
                        </div>
                    </h:panelGroup>
                </f:facet>
        </h:panelGrid>

            <h:panelGrid columns="2" rendered="#{puntoVentaMB.accion== accionPanel.editar}">

            <h:outputText value="Número*" />
            <h:outputText value="#{puntoVentaMB.puntoVenta.id}" />
            
            <h:outputText value="Descripcion*" />
            <p:inputText value="#{puntoVentaMB.puntoVenta.descripcion}"
                         required="true"
                         requiredMessage="La descripción es obligatoria" size="40" >
                <f:validateLength minimum="1" maximum="60" />
            </p:inputText>

            <f:facet name="footer">
                <h:panelGroup>
                    <div align="center">
                        <p:commandButton value="Guardar" action="#{puntoVentaMB.editar}" update="pPuntoVenta" >
                            <f:setPropertyActionListener value="#{null}" target="#{tipoDocumentoMB.accion}" />
                        </p:commandButton>
                    </div>
                </h:panelGroup>
            </f:facet>

        </h:panelGrid>

    </h:form>

    <h:form prependId="false" >

        <p:dataTable id="listaPuntoVta"
                     value="#{puntoVentaMB.listaPuntoVenta}" var="pto"
                     paginator="true" rows="10" >

            <f:facet name="header">
                <h:outputText value="Puntos de venta" />
            </f:facet>

            <p:column headerText="Número" sortBy="#{pto.id}" filterBy="#{pto.id}" filterMatchMode="contains"
                      style="width: 20px;">
                <h:outputText value="#{pto.id}" />
            </p:column>

            <p:column headerText="Descripción" sortBy="#{pto.descripcion}" >
                <h:outputText value="#{pto.descripcion}"  />
            </p:column>

            <p:column>
                <p:commandButton image="ok16"    
                                 update="fPuntoVenta"
                                 title="Seleccionar" >
                    <f:setPropertyActionListener value="#{pto}" target="#{puntoVentaMB.puntoVenta}" />
                    <f:setPropertyActionListener value="#{accionPanel.editar}" target="#{puntoVentaMB.accion}" />

                </p:commandButton>

            </p:column>

        </p:dataTable>

    </h:form>


                                       
</p:panel>
               
</ui:define>

</ui:composition>
